*{margin:0;padding:0; }
.clear{ clear:both;}

body,html,.index_bg{width:100%;height:100%;}

.index_bg{background-size:cover;position:absolute;}

.bottom_bg{
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#030302); /*IE 6 7 8*/ 

background: -ms-linear-gradient(top, #fff,  #030302);        /* IE 10 */

background:-moz-linear-gradient(top,#fff,#030302);/*火狐*/ 

background:-webkit-gradient(linear, 0% 0%, 0% 50%,from(#b8c4cb), to(#030302));/*谷歌*/ 

background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#fff), to(#030302));      /* Safari 4-5, Chrome 1-9*/

background: -webkit-linear-gradient(top, #fff, #030302);   /*Safari5.1 Chrome 10+*/

background: -o-linear-gradient(top, #fff, #030302);  /*Opera 11.10+*/

}
.bottom_bg{
	background:rgba(0,0,0,0.3);
	width:100%;height:auto;position:absolute;bottom:0;right:0;padding:2.5% 2% 0 2%;
}
.bottom_bg .bottom_h{font-size:1.1em;color:#eeeeee;margin-bottom:3.5%}
.bottom_bg .bottom_l{font-size:1.1em;color:#a8a7a7;display:inline-block;margin:0;font-weight:bold}
.index_logo{
	height:auto;background-color:rgba(0,0,0,.3); width:90%;position: absolute;left:50%; margin-left:-45%;top:15px;z-index:100;border-radius:5px;padding:3.5% 3% ;
}

.index_logo span{ display:block; float:left;}
.index_logo .logo{ width:20%; border-right:1px solid #a6a9ae; margin-right:3%;}
.index_logo .logo a img{ width:80%; display:block;}
.index_logo .zoom{ width:9%;}
.index_logo .zoom a img{ width:75%; display:block; margin-top:1px}
.index_logo .word{ width:65%;  padding-left:1%;}



.index_sr{ padding:0; margin:0;
	background:none;border:none;outline:medium;color:#fff;width:100%; font-size:1.0em; line-height:1.1em;
}
.index_next{margin:0 auto; width:8%; height:auto; padding-bottom:2%;}
.index_next img{ display:block; width:80%; margin:0 auto;}
.margin_b{ margin:0 3%; padding:3% 0; border-bottom:1px solid #ddd;/*margin:0 14px;*/-webkit-touch-callout: none;-ms-touch-callout: none;-moz-touch-callout: none;-o-touch-callout: none;touch-callout: none;}

.index_tit{ margin:0;font-size:1.5rem; line-height:1.1em;color:#568bce;}
.index_tit_b{font-size:2.0rem;color:#000;margin:0; margin-bottom:2%; margin-top:2%; }
.index_tit_s{font-size:1.5rem;color:#ccc; display:block; float:left;}
.index_tit_s img{ display:block; width:90%;}


.index_space{margin:0 10px;}
.index_space_All{ display:block; float: right; }
.index_space_s{ margin:0 5px;}




.list_img{margin:13px 15px;border-bottom:1px solid #ccc;}
.img_l{width:30%;float:left;}
.list_r{float:right;width:66%;margin-left:13px;}
.list_tit{padding:20px 0px;}





.loding{height:auto;background:#f8f8f8;text-align:center; padding:5% 0;}
.loding_more{font-size:1.1em;color:#999;}


.bottom_bg ul{ height:auto;}


/*.Ls_focusBtn{z-index: 3;position: absolute;bottom:-9px;left:0;width: 100%;text-align: center;}*/
.Ls_focusBtn{ height:auto;width: 100%;text-align: center;}
.Ls_focusBtn_con{ padding:3pt 2pt 6pt 2pt;*width:100pt;
    -moz-border-radius: 8pt;      /* Gecko browsers */
    -webkit-border-radius: 8pt;   /* Webkit browsers */
    border-radius:8pt;            /* W3C syntax */
    /* filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000'); background:rgba(0,0,0,0.4);*/}
.Ls_focusBtn span{display:inline-block;width: 6pt;height:6pt;background:#898989;border:1pt solid #8a8a8a;border-radius:6pt;-moz-border-radius:6pt;-webkit-border-radius:6pt;overflow:hidden;margin:0 4pt;cursor: pointer;}
.Ls_focusBtn span.on{width: 6pt;height: 6pt;border:none;background: #fff;border-radius:6pt;-moz-border-radius:6pt;-webkit-border-radius:6pt;}





.refash{background:rgba(217,223,219,0.7);width:180px;height:40px;position:absolute;left:30%;top:30%;line-height:40px;text-align:center;}
.refash img{padding-right:10px;}










div.share1,div.txqq,div.line{
	z-index:99999;width:94%;height:158px;margin-left:3%;margin-right:3%;
	position:fixed;bottom:0;right:0;color:#2070d5;line-height:45px;
	text-align:center;
}
div.line{
	z-index:99999;width:76%;height:50px;margin-left:12%;margin-right:12%;
	position:fixed;bottom:5%;right:0;color:#fff;line-height:50px;
	text-align:center;background:rgba(0,0,0,0.7);border-radius:5px;	
}
div.txqq{
	background: #fff;width:100%;margin:0px;height:210px;
}
div.txqq dl{
	float: left;width:25%;
}
div.txqq dl img{
	width:50%;
}
div.txqq dl dd{
	color:#7a7a7a;
	margin-top:5px;
}
div.txqq p.close1{ padding:0;
	border:1px solid #2573d6; height:auto;
	clear:both;width:80%;margin-left:10%;margin-right:10%;
	border-radius:50px;line-height:50px;
}
div.share1 p,div.share2 p{
	background:rgba(255,255,255,0.9); font-size:2.1rem; font-weight:100;
	border-radius:4px;
}
div.share1 p.first_p{
	position:relative;top:9px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
div.share1 p.second_p{
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
/*div.circle{
	display:none;
	z-index:1;width:40%;margin-left:30%;margin-right:30%;
	position:fixed;bottom:2%;right:0;color:#fff;line-height:50px;
	border:1px solid #21b51a;
	text-align:center;background:rgba(78,217,71,0.85);border-radius:50%;	
}
div.circle img{
	position:relative;
	margin-top:40px;
}
div.circle p{
	font-size:2rem;
}*/
div.circle{
	display:none;
	z-index:1;width:8em; height:8em;
	position:fixed;bottom:2%; left:50%; margin-left:-4em;border-radius:50%; background:url(../images/circle.png) no-repeat; background-size:100%;
	
	}

.active{
	background:#def5dd;
}


div.share2{
	z-index:99999;width:94%;height:220px;margin-left:3%;margin-right:3%;
	position:fixed;bottom:0;right:0;color:#2070d5;line-height:40px;
	text-align:center;
}
div.share2 p.first_p{
	position:relative;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
div.share2 p.second_p{
	position:relative;top:1px;
	border-radius:0px;
}

div.share2 p.third_p{
	position:relative;top:2px;
	border-radius:0px;
}
div.share2 p.four_p{
	position:relative;top:3px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	margin-bottom:10px;
}

div.share3{
	z-index:99999;width:94%;height:220px;margin-left:3%;margin-right:3%;
	position:fixed;top:30%;right:0;color:#2070d5;line-height:40px;
	text-align:center;background:#fff;border-radius:8px;
}
div.share3 p.first{
	font-size:4rem;
	margin-top:1.5rem;
	margin-bottom:1rem;
}
div.share3 p.second{
	font-size:18px;
	color:#333;
	text-align:left;
	margin-left:15px;
	margin-right:15px;
}
div.share3 p.cancel,div.share3 p.pay{
	margin-top:10px;
	width:38%;
	display:inline-block;
	border:1px solid #568bce;
	border-radius:50px;
	color:#000;
}
div.share3 p.cancel{
	margin-right:10%;
}
div.share3 p.pay{
	background: #dee7f1;
	color:#2070d5;
}
.zzc{
background:rgba(0,0,0,0.3);width:100%;height:100%;position:fixed;z-index:999;
}
.col-xs-2{ float:left;}
.col-xs-2 a{ display:block; width:100%;}
.col-xs-2 a img{ display:block; width:90%;}
.row{ height:auto; padding:3% 0 3% 0;background:url(../images/banner.png) no-repeat; background-size:140%; margin:0;}
.topMenu{padding:2.5% 0 3% 0;background:url(../images/banner.png) no-repeat; background-size:140%; margin:0;width: 100%;position: fixed; z-index: 200; left: 0;top: -80px; opacity:0; }


.container{ padding:0; margin:0;}

.head01{margin-right:26.5%!important; margin-left:3%!important; margin-top:1.2%!important;}
.head02{ width:22%!important; padding-right:0!important; margin-right:14%!important;}
.head03{ width:13%!important; padding-right:0!important;margin-top:0.5%;margin-right:2.2%!important; }
.head04{ width:8.3%!important; padding:0; margin:0;margin-top:0.5%;}

.animateCome{ animation:come .5s 1 forwards; -moz-animation:come .5s 1 forwards; -ms-animation:come .5s 1 forwards; -o-animation:come .5s 1 forwards; -webkit-animation:come .5s 1 forwards;}
/*.animateGo{ animation:go .5s 1 forwards; -moz-animation:go .5s 1 forwards; -ms-animation:go .5s 1 forwards; -o-animation:go .5s 1 forwards; -webkit-animation:go .5s 1 forwards;}*/

@keyframes come{
    0%{ top:0;}
    100%{ top:-100px;}
}
@-moz-keyframes come{
    0%{ top:0;}
    100%{ top:-100px;}
}
@-webkit-keyframes come{
    0%{ top:0;}
    100%{ top:-100px;}
}
@-o-keyframes come{
    0%{ top:0;}
    100%{ top:-100px;}
}

.updateIng{width:40%; padding:3%; background:#fff; color: #000; border-radius:4px;position:absolute;top:30%;left:30%;color:#fff;text-align:center; font-size: 1em; border: 1px solid #222;opacity: 0.8; z-index: 999; display: none }
.updateIng img{ width:20px; display: block; float: left; margin-right:1%; margin-left: 1%;animation:rotation .8s linear infinite;-o-animation:rotation .8s linear infinite;-webkit-animation:rotation .8s linear infinite;-moz-animation:rotation .8s linear infinite; }
/**.updateIng img{ width:10px; margin-top: 6px; display: block; float: left; margin-right:9%; margin-left: 6%;animation:rotation .8s linear infinite;-o-animation:rotation .8s linear infinite;-webkit-animation:rotation .8s linear infinite;-moz-animation:rotation .8s linear infinite; }**/
.updateIng span{display: block; float: left; color: #000}

.updateIng2{width:50%; padding:3%; background:#fff; color: #000; border-radius:4px;position:absolute;top:30%;left:30%;color:#fff;text-align:center; font-size: 1em; border: 1px solid #222;opacity: 0.8; z-index: 999; display: none }
.updateIng2 img{ width:20px; display: block; float: left; margin-right:1%; margin-left: 1%;animation:rotation .8s linear infinite;-o-animation:rotation .8s linear infinite;-webkit-animation:rotation .8s linear infinite;-moz-animation:rotation .8s linear infinite; }
.updateIng2 span{display: block; float: left; color: #000}

.updateIng3{width:55%; padding:3%; background:#fff; color: #000; border-radius:4px;position:absolute;top:30%;left:25%;color:#fff;text-align:center; font-size: 1em; border: 1px solid #222;opacity: 0.8; z-index: 999; display: none }
.updateIng3 img{ width:20px; display: block; float: left; margin-right:1%; margin-left: 1%;animation:rotation .8s linear infinite;-o-animation:rotation .8s linear infinite;-webkit-animation:rotation .8s linear infinite;-moz-animation:rotation .8s linear infinite; }
.updateIng3 span{display: block; float: left; color: #000}

.rotation01 {animation:rotation .6s linear 1;animation:rotation .6s linear 1;-webkit-animation:rotation .6s linear 1;-moz-animation:rotation .6s linear 1;}

@keyframes rotation {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}
@-webkit-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(-360deg);}
}
@-moz-keyframes rotation {
    0% {-moz-transform:rotate(0deg);}
    100% {-moz-transform:rotate(-360deg);}
}
@-ms-keyframes rotation {
    0% {-moz-transform:rotate(0deg); }
    100% {-moz-transform:rotate(-360deg);}
}

/*add by lee start*/
.fanyi {display:none; position:fixed !important; }

.down{animation:downMove 1s forwards; -moz-animation:downMove 1s forwards; -ms-animation:downMove 1s forwards; -o-animation:downMove 1s forwards; -webkit-animation:downMove 1s forwards;}


@keyframes downMove {
    0% {top:0;}
    100% {top:-100%;}
}
@-webkit-keyframes downMove {
    0% {top:0;}
    100% {top:-100%;}
}
@-moz-keyframes downMove {
    0% {top:0;}
    100% {top:-100%;}
}
@-ms-keyframes downMove {
   0% {top:0;}
    100% {top:-100%;}
}


.up{animation:downMove2 1s forwards; -moz-animation:downMove2 1s forwards; -ms-animation:downMove2 1s forwards; -o-animation:downMove2 1s forwards; -webkit-animation:downMove2 1s forwards;}

@keyframes downMove2 {
    0% {top:-100%;}
    100% {top:0;}
}
@-webkit-keyframes downMove2 {
     0% {top:-100%;}
    100% {top:0;}
}
@-moz-keyframes downMove2 {
     0% {top:-100%;}
    100% {top:0;}
}
@-ms-keyframes downMove2 {
    0% {top:-100%;}
    100% {top:0;}
}

.up2{animation:downMove3 1s forwards; -moz-animation:downMove3 1s forwards; -ms-animation:downMove3 1s forwards; -o-animation:downMove3 1s forwards; -webkit-animation:downMove3 1s forwards;}

@keyframes downMove3 {
    0% {top:-100%;}
	99% {top:0;}
    100% {top:100%; }
}
@-webkit-keyframes downMove3 {
      0% {top:-100%;}
	99% {top:0;}
    100% {top:100%; }
}
@-moz-keyframes downMove3 {
     0% {top:-100%;}
	99% {top:0;}
    100% {top:100%; }
}
@-ms-keyframes downMove3 {
   0% {top:-100%;}
	99% {top:0;}
    100% {top:100%; }
}

.topMenuMove01{animation:topMenuMove .8s .8s forwards; -moz-animation:topMenuMove .8s .8s forwards; -ms-animation:topMenuMove .8s .8s forwards; -o-animation:topMenuMove .8s .8s forwards; -webkit-animation:topMenuMove .8s .8s forwards;}

@keyframes topMenuMove{
    0% {top:-60px; opacity:1;}
    100% {top:0;opacity:1;}
}
@-webkit-keyframes topMenuMove {
        0% {top:-60px; opacity:1;}
    100% {top:0;opacity:1;}
}
}
@-moz-keyframes topMenuMove {
      0% {top:-60px; opacity:1;}
    100% {top:0;opacity:1;}
}
}
@-ms-keyframes topMenuMove {
    0% {top:-60px; opacity:1;}
    100% {top:0;opacity:1;}
}
}

.topMenuMove02{animation:topMenuMove2 .4s forwards; -moz-animation:topMenuMove2 .4s forwards; -ms-animation:topMenuMove2 .4s forwards; -o-animation:topMenuMove2 .4s forwards; -webkit-animation:topMenuMove2 .4s forwards;}

@keyframes topMenuMove2 {
    0% {top:0px; opacity:1;}
	99% {top:-80px;opacity:1; }
    100% {top:-80px;opacity:0; }
}
@-webkit-keyframes topMenuMove2 {
     0% {top:0px; opacity:1;}
	99% {top:-80px;opacity:1; }
    100% {top:-80px;opacity:0; }

}
@-moz-keyframes topMenuMove2 {
      0% {top:0px; opacity:1;}
	99% {top:-80px;opacity:1; }
    100% {top:-80px;opacity:0; }

}
@-ms-keyframes topMenuMove2 {
      0% {top:0px; opacity:1;}
	99% {top:-80px;opacity:1; }
    100% {top:-80px;opacity:0; }
}
}